<template>
	<v-content ref="content" single background="#f6f6f6">
		<v-header title="设置" back background="#fff"></v-header>
		<div class="list padding">
			<div class="item" @click="toPage('/pages/mine/loginPassword')">
				<image class="image" src="/static/image/mine/icons/icon8.png" mode="aspectFill"></image>
				<div class="center">
					<div class="title">登录密码</div>
					<div class="text">建议您定期更换密码以保护账户安全</div>
				</div>
				<uni-icons type="forward" size="30" class="icons"></uni-icons>
			</div>
			<div class="item" @click="toPage('/pages/mine/boundPhone')">
				<image class="image" src="/static/image/mine/icons/icon9.png" mode="aspectFill"></image>
				<div class="center">
					<div class="title">手机号换绑</div>
					<div class="text">若您的手机已丢失或停用，请立即修改更换</div>
				</div>
				<uni-icons type="forward" size="30" class="icons"></uni-icons>
			</div>
		</div>
	</v-content>
</template>
<script></script>
<style lang="scss" scoped>
.padding {
	padding: 0 30rpx;
}
.list {
	background-color: #fff;
	.item {
		padding: 35rpx 0;
		display: flex;
		justify-content: start;
		align-items: center;
		border-bottom: 1px solid #f1f1f1;

		.image {
			margin: 0 45rpx 0 30rpx;
			width: 30rpx;
			height: 32rpx;
		}
		.center {
			.text {
				color: #999;
				font-size: 24rpx;
				padding-top: 6rpx;
			}
		}
		.icons {
			margin-left: auto;
			font-size: 40rpx !important;
			color: #c8c8c8 !important;
		}
	}
}
</style>
